*{
    margin:0;
    padding:0;
    -ms-box-sizing:border-box;
    box-sizing: border-box;
    border:0;
}
.clearfix:after{
    display: table;
    content:"";
    clear:both;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
html,body{
    height:100%;
}
.top{
    height:44px;
    min-height:44px;

 }
 .cnt{
     height:574px;
 }
 #sousuo{
     position:relative;
     left:100px;
     top:10px;
     padding:10px;
     width:180px;
     height:28px;
     border-radius: 20px;
     border:1px solid #cccccc;
 }
 .cnt .sub_nav{
     width:80px;
     height:100%;
     background:#eee;
     overflow-y:auto;
 }
 .cnt .cat_list{
     overflow-y:auto;
     font-size:12px;
     width:295px;
     height:100%;
 }


 .sub_nav>div{
     height:40px;
     line-height:40px;
     text-align:center;
 }
 .div_active{
     background: white;
     color:red;
 }
.cat{
    margin-left:8px;
    margin-bottom:8px;
}
.smallcatList{
    margin:20px auto;
}

 .bottom{
     position:fixed;
     bottom:0;
     left:0;
     right:0;
     width:100%;
     height:50px;
     background: #ccc;
 }